import { defineStore } from "pinia";
import { computed, ref } from "vue";
import { useUserStore } from "./user";
import { insertCartAPI,findNewCartListAPI,delCartAPI } from "@/apis/cart";

export const useCartStore = defineStore('cart', () => {
  const userStore = useUserStore()
  const isLogin = computed(() => userStore.userInfo.token)

  // 封装：获取最新购物车列表action
  const updateNewList = async () => {
    const res = await findNewCartListAPI()
    cartList.value = res.result
  }
  // 1. 定义state
  const cartList = ref([])
  // 2. 定义action
  // 加入购物车
  const addCart = async (goods) => {
    const {skuId,count} = goods
    if(isLogin.value){
      // 接口购物车：
      // 登录之后的加入购物车逻辑
      await insertCartAPI({skuId,count})
      // const res = await findNewCartListAPI()
      // // 购物车信息覆盖
      // cartList.value = res.result
      updateNewList()
    }else {
      // 本地购物车：
      // 添加购物车操作
      // 思路：通过匹配传递过来的商品对象中的skuId能不能在cartList中找到
      const item = cartList.value.find((item) => goods.skuId === item.skuId)
      if (item) {
        // 找到了
        item.count++
      } else {
        // 没找到
        cartList.value.push(goods)
      }
    }
  }

  // 删除购物车
  const delCart = async (skuId) => {
    if(isLogin.value){
      // 调用接口实现接口购物车中的删除功能
      await delCartAPI([skuId])
      updateNewList()
    }else {
      // 思路：
      // 1. 找到要删除项的下标值 - splice
      // 2. 使用数组的过滤方法 - filter
      const idx = cartList.value.findIndex((item) => skuId === item.skuId)
      cartList.value.splice(idx, 1)
    }
  }

  // 清空购物车
  const clearCart = ()=>{
    cartList.value = []
  }

  // 计算属性
  // 1. 总数量：所有项的count之和
  const allCount = computed(()=>cartList.value.reduce((a,c) => a + c.count,0))
  // 2. 总价：所有项的count*price之和
  const allPrice = computed(()=>cartList.value.reduce((a,c) => a + c.count * c.price,0))
  // 3. 是否全选
  const isAll = computed(()=>cartList.value.every((item)=>item.selected))
  // 4. 已选择总数量
  const selectedCount = computed(()=>cartList.value.filter((item)=>item.selected).reduce((a,c)=>a+c.count,0))
  // 5. 已选择总价
  const selectedPrice = computed(()=>cartList.value.filter((item)=>item.selected).reduce((a,c)=>a+c.count*c.price,0))


  // 单选功能
  const singleCheck = (skuId,selected) => {
    // 通过skuId找到要修改的那一项，然后把它的selected修改为传过来的selected
    const item = cartList.value.find((item) => item.skuId===skuId)
    item.selected = selected
  }

  // 全选功能
  const allCheck = (selected) => {
    cartList.value.forEach(item=>item.selected=selected)
  }


  return {
    cartList,
    addCart,
    delCart,
    allCount,
    allPrice,
    singleCheck,
    isAll,
    allCheck,
    selectedCount,
    selectedPrice,
    clearCart,
    updateNewList
  }
},
// 在设置state的时候会自动把数据同步到localstorage，在获取state数据的时候会优先从localstorage中取
  {
    persist: true,
  },)